import React, {useState,} from 'react'
import GoBackLayout from "../../../../../layouts/GoBackLayout/GoBackLayout"
import {List, Switch, WhiteSpace} from 'antd-mobile'

const FootballPush = props => {
    const Item = List.Item
    const {history,} = props
    const [push, setPush,] = useState(true)

    const PushSwitch = (
        <Switch
            checked={push}
            onChange={() => setPush(!push)}
            color="#FA7268"
        />
    )
    return (
        <GoBackLayout
            history={history}
            title='足球比赛'
        >
            <List>
                <Item
                    extra={PushSwitch}
                >开启推送（关注的比赛）</Item>
            </List>
            <WhiteSpace/>
            <List>
                <Item
                    extra={PushSwitch}
                >首发阵容</Item>
            </List>
            <WhiteSpace/>
            <List>
                <Item
                    extra={PushSwitch}
                >开始（赛前5分钟）</Item>
                <Item
                    extra={PushSwitch}
                >结束</Item>
            </List>
            <WhiteSpace/>
            <List>
                <Item
                    extra={PushSwitch}
                >进球</Item>
                <Item
                    extra={PushSwitch}
                >红牌</Item>
                <Item
                    extra={PushSwitch}
                >黄牌</Item>
                <Item
                    extra={PushSwitch}
                >角球</Item>
            </List>
        </GoBackLayout>
    )
}

export default FootballPush
